/*PAGES*/
@import url('pages/page_home.css');  
@import url('pages/page_art.css');  
@import url('pages/page_allArt.css');
@import url('pages/page_category.css');
@import url('pages/page_myArtreve.css');
/*COMPONENTS*/
@import url('components/importContainer.css');
@import url('components/rating.css');
@import url('components/artImage.css');
@import url('components/jqueryMenu.css'); 

/* HTML AND BODY */
/* NO MARGINS AND PADDINGS */
/* =========================================================== */
* {
	margin: 0;
	padding: 0;
}
html, body, #WEBAPPFORM, #page-wrapper, #page-header
{
	margin:0;
	padding:0;
	height: 100%;
	width:100%;
}
html
{
	background:#CFDBEC url(./assets/images/htmlbkgnd.png) top center;

}
body
{	
	font-family: 'EnigmaticRegular';
	font-size:16px;
	line-height:18px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	text-indent:none;
	text-shadow:none;
	text-transform:none;
	color:#ccc;
}
/* GENERAL HTML TAGS - CLASSES*/
/* ----------------------------------------------------------- */ 
@font-face {
    font-family: 'EnigmaticRegular';
    src: url('assets/fonts/Enigma__2-webfont.eot');
    src: url('assets/fonts/Enigma__2-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/Enigma__2-webfont.woff') format('woff'),
         url('assets/fonts/Enigma__2-webfont.ttf') format('truetype'),
         url('assets/fonts/Enigma__2-webfont.svg#EnigmaticRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
a
{
    color: #ccc;
    text-decoration: none;
}
hr
{
    width: 930px;
}
h2
{
    font-size: 20px;        
}
h3
{
    font-size: 16px;   
}
.button /*HIER GEZET OMDAT HET FUNGEERT ALS "BUTTON"*/
{   
    background-color: #999;
    padding: 5px;
    color: #404040;
    -webkit-box-shadow: inset 0px 0px 1px 1px #222222;
    -moz-box-shadow: inset 0px 0px 5px 1px #222222;
    box-shadow: inset 0px 0px 2px 1px #222222;	                
}
.button:hover
{
    background-color: #C65967;
    color: #FFFFFF;        
}
input
{
    background-color: rgba(255, 255, 255, 0.1);
    border: none;
}
fieldset
{
    width: 930px;
}
/* CLEARER */
/* CLEAR BOTH FLOAT LEFT AND RIGHT OF THE PREVIOUS FLOATING */
/* =========================================================== */
div.clearer, hr
{
	clear:both;
	line-height:0;
	font-size:0;
}
/* PAGE */
/* =========================================================== */
#page-wrapper
{
	width:960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -166px;
}
/* HEADER */
/* =========================================================== */
#page-header
{
	width:100%;
	margin:auto auto;
}
#page-header
{
	margin:0 0 24px 0;
}
#page-header #page-header-logo
{
	float:left;
}
#page-header #page-header-logo h1
{
	position:relative;
	left:-6px;
	top:3px;
}
#page-header #page-header-logo h1 a
{
	text-indent:-999em;
	width:200px;
	height:85px;
	display:block;
	background: url(./assets/images/logo.png) no-repeat top left;
}
#page-header #page-header-logo h2
{
	display:none;
}
/* COURTESYNAVIGATION IN HEADER */
/* =========================================================== */
#page-header #page-header-courtesynavigation
{
	float:right;
	font-family: EnigmaticRegular;
}
nav#page-header-courtesynavigation ul
{
	list-style-type:none;
	padding:0;
	margin: 25px 0 0 0;
}
#page-header nav#page-header-courtesynavigation ul li
{
	float:left;
	color:#505050;
	line-height:18px;
	font-size: 16px;
	background: #D8D6C5;
	margin-left: 5px;
	padding: 5px;	
}
#page-header nav#page-header-courtesynavigation ul li a
{
	padding:0 4px;
	text-decoration:none;	
	outline:none;
	line-height:18px;
	cursor:hand;
	cursor:pointer;
	color:#505050;
	margin:0;
}
#page-header nav#page-header-courtesynavigation ul li:hover
{
	background:#303030;
	color:#CB7061;	
}
#page-header nav#page-header-courtesynavigation ul li:hover a
{	
	color:#CB7061;
}
/* MAIN */
/* =========================================================== */
#page-main
{
	width:100%;		
    margin-top: 80px; 
}
.maincontent
{
    width: 945px;		
	background:#404040;	
	background: #404040;
	-webkit-box-shadow: inset 0px 0px 5px 1px #222222;
    -moz-box-shadow: inset 0px 0px 5px 1px #222222;
    box-shadow: inset 0px 0px 5px 1px #222222;	    
    padding:15px 0 0 15px;
}
/* CONTENT */
/* =========================================================== */
#page-main-content
{
	float:left;
	width:100%;
}
#page-main-content h2
{
    margin: -50px 0 0 -15px;
    float: left;
}
#page-main-content h1
{
	font-family:EnigmaticRegular;
	font-size:22px;
	font-weight:bold;
	color:#66747E;	
	line-height:32px;
	margin:0 0 18px 0;
}
#page-main-content p
{
	padding: 20px 30px 0 0;
}
#page-main-content article
{
	width: 300px;
	float: left;
	margin:0 15px 0 0;
	padding: 15px 0;
	text-align: center;
}
#page-main-content article .spanCategoryName
{
    color: #E19C91;
    width: 300px;
}
#page-main-content .artView
{
    width: 930px;
    text-align: left;    
}
.actionbar /*Niet meer nodig? - als add category is verwijderd uit frontend*/
{
    margin: -50px 15px 0 0;
    float: right;
    color: #505050;
}
/* FORM */
/* ----------------------------------------------------------- */
.lblForm
{
    padding-top: 5px;
}
.input
{       
    margin-bottom: 10px;    
}
/* FOOTER */
/* =========================================================== */
/*HOEWEL FOOTER EIG NIET MEER AANWEZIG IS HEB IK DIT LATEN STAAN ZODAT JE DIT SNEL KAN IMPLEMENTEREN*/
#page-footer-wrapper, .push-sticky-bottom
{
	height:166px;
	width:100%;
}
#page-footer-wrapper
{
}
#page-footer
{
	width:960px;
	margin:auto;    
}
#page-footer-info
{
	float:left;
	margin:86px 0 0 0;
	color:#CFDBEC;
}
#page-footer-info a
{
	text-decoration:none;
	color:#FAB61D;
}
#page-footer-info a:hover
{
	text-decoration:underline;
	color:#A1DA2C;
}
#page-footer-logo
{
	float:right;
	margin:86px 0 0 0;
}
#page-footer-logo a
{
	text-indent:-999em;
	width:434px;
	height:42px;
	display:block;	
}

#fileSelectorText 
{
    display: inline-block;
    padding: 30px 30px;
    background: #FFF;
    font-weight: bold;
    border: 1px solid #000;
    border-radius: 5px;
}

/* LOGIN SHIZZLE !!!!*/
/* =========================================================== */
/*#page-header nav#page-header-courtesynavigation ul li a.linkLoginActive
{
	background:#ccc;
	color:#66747E;
}
#page-header nav#page-header-courtesynavigation div#courtesynavigation-login
{
	float:right;
	display:none;
	position:absolute !important;
	margin: 0;
    padding: 5px 8px;
	width: 245px;
    background: #fff;
    border: 5px solid #ccc;
    background-color: #ffffff;    
    -moz-border-radius: 5px 0 5px 5px;
    -moz-box-shadow: 0 0 3px 3px #CFDBEC;    
    -webkit-border-radius: 5px 0 5px 5px;
    -webkit-box-shadow: 0 0 3px 3px #CFDBEC;    
    box-shadow: 0px 3px 3px #666666;
    border-radius: 5px 0 5px 5px;
}
#page-header nav#page-header-courtesynavigation div#courtesynavigation-login label
{
	font-size: 11px;
	color: #666;
	display: block;
	padding: 10px 0 7px 0;
}
#page-header nav#page-header-courtesynavigation div#courtesynavigation-login input
{
	border: 2px solid #ddd;
    padding:5px;
    width:218px;
}
#page-header nav#page-header-courtesynavigation div#courtesynavigation-login input:hover,
#page-header nav#page-header-courtesynavigation div#courtesynavigation-login input:focus
{
	border: 2px solid #aaa;
}
#page-header nav#page-header-courtesynavigation div#courtesynavigation-login .LoginBtn 
{
	margin: 10px 5px 0 0;
    padding: 4px 10px 5px;
	width:auto !important;
    background: url(../images/bg-btn-blue.png) repeat-x scroll 0 0 #CFDBEC;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px;
    border: 2px solid #CFDBEC;
    color: #FFF;   
	font-size: 11px;
    font-weight: bold;
    text-shadow: 0 -1px 0 #CFDBEC;
	outline:0;
}
#page-header nav#page-header-courtesynavigation div#courtesynavigation-login .LoginBtn:hover,
#page-header nav#page-header-courtesynavigation div#courtesynavigation-login .LoginBtn:focus
{
	cursor: pointer;
	cursor:hand;
	background-position: 0 -5px;
}
div.courtesynavigation-login-field ul
{
	margin:5px;
	border-right:none !important;
	border-bottom:none !important;
	border-left:none !important;
	background:none !important;
	
	border-bottom-right-radius:none !important;
	-moz-border-radius-bottomright:none !important;
	border-bottom-left-radius:none !important;
	-moz-border-radius-bottomleft:none !important;
	
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	-box-shadow:none !important;
}
div.courtesynavigation-login-field ul li a {
    color: #CC3366;
    font-size: 11px;
    text-decoration: none;
}
div.courtesynavigation-login-field ul li a:hover {
    text-decoration: underline;*/
}
/* LOGIN VIEW IN PAGE */
/* =========================================================== */
/*div#loginview-login
{
	margin: 0;
    padding: 5px 8px;
	width: 245px;
}
div#loginview-login label
{
	font-size: 11px;
	color: #666;
	display: block;
	padding: 10px 0 7px 0;
}
div#loginview-login input
{
	border: 2px solid #ddd;
    padding:5px;
    width:218px;
}
div#loginview-login input:hover,
div#loginview-login input:focus
{
	border: 2px solid #aaa;
}
div#loginview-login .LoginBtn 
{
	margin: 10px 5px 0 0;
    padding: 4px 10px 5px;
	width:auto !important;
    background: url(../images/bg-btn-blue.png) repeat-x scroll 0 0 #CFDBEC;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px;
    border: 2px solid #CFDBEC;
    color: #FFF;   
	font-size: 11px;
    font-weight: bold;
    text-shadow: 0 -1px 0 #CFDBEC;
	outline:0;
}
div#loginview-login .LoginBtn:hover,
div#loginview-login .LoginBtn:focus
{
	cursor: pointer;
	cursor:hand;
	background-position: 0 -5px;
}
div.courtesynavigation-login-field ul
{
	margin:5px;
	border-right:none !important;
	border-bottom:none !important;
	border-left:none !important;
	background:none !important;	
	border-bottom-right-radius:none !important;
	-moz-border-radius-bottomright:none !important;
	border-bottom-left-radius:none !important;
	-moz-border-radius-bottomleft:none !important;	
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	-box-shadow:none !important;
}
div.loginview-login-field ul li a {
    color: #CFDBEC;
    font-size: 11px;
    text-decoration: none;
}
div.loginview-login-field ul li a:hover {
    text-decoration: underline;